<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../lib/layui-v2.6.8/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../css/art_list.css" />
	</head>
	<body>
		<!-- 卡片区域 -->
		<div class="layui-card">
			<div class="layui-card-header">卡片面板</div>
			<div class="layui-card-body">
				<!-- 筛选区域 -->
				<form class="layui-form" id="form-search">
				  <div class="layui-form-item layui-inline">
				  <select name="cate_id" lay-verify="">
				    
				  </select>    
				  </div>
				  <div class="layui-form-item layui-inline">
				  <select name="state" lay-verify="">
				    <option value="">所有状态</option>
				    <option value="已发布">已发布</option>
				    <option value="草稿">草稿</option>
				  </select>    
				  </div>
				  <div class="layui-form-item layui-inline">
				 <button class="layui-btn" lay-submit lay-filter="formDemo">筛选</button>   
				  </div>
				 </form>
				<!-- 列表区域 -->
				<table class="layui-table">
					<colgroup>
						<col>
						<col width="150">
						<col width="180">
						<col width="150">
						<col width="150">
					</colgroup>
					<thead>
						<tr>
							<th>文章标题</th>
							<th>分类</th>
							<th>发表时间</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				<!-- 分页区域 -->
				<div id="pageBox"></div>
			</div>
		</div>
		<!-- 列表数据模板引擎 -->
		<script type="text/html" id="tpl-table">
		{{each data}}
			<tr>
				<td>{{$value.title}}</td>
				<td>{{$value.cate_name}}</td>
				<td>{{$value.pub_date|dataFormat}}</td>
				<td>{{$value.state}}</td>
				<td>
				<button type="button" class="layui-btn layui-btn-xs">编辑</button>
				<button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn-delete" data-id="{{$value.Id}}">删除</button>
				</td>
			</tr>
		{{/each}}
		</script>
		<!-- 分类模板项的模板结构 -->
		<script type="text/html" id="tpl-cate">
			<option value="">所有分类</option>
			{{each data}}
			<option value="{{$value.Id}}">{{$value.name}}</option>
			{{/each}}
		</script>
		
		<script src="../lib/layui-v2.6.8/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/jQuery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/API.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/art_list.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
